import React from 'react'

const Cover = (props) => {
	return (
		<div className="demo-1">
		        <div className="content">
		            <div id="large-header" className="large-header">
		                <div className="jq22-container">
		                    <div className="login-wrap">
		                        <div className="login-html">
		                        	<input id="tab-1" type="radio" name="tab" className="sign-in" defaultChecked/>
			                        <label htmlFor="tab-1" className="tab">登录</label>
			                        <input id="tab-2" type="radio" name="tab" className="sign-up"/>
			                        <label htmlFor="tab-2" className="tab">注册</label>
		                            <div className="login-form">
		                                <form className="sign-in-htm" id="user_signin">
		                                    <div className="group">
		                                        <label htmlFor="user" className="label">Username</label>
		                                        <input id="user" type="text" className="input"/>
		                                    </div>
		                                    <div className="group">
		                                        <label htmlFor="pass" className="label">Password</label>
		                                        <input id="pass" type="password" className="input" data-type="password"/>
		                                    </div>
		                                    <div className="group">
		                                        <input id="check" type="checkbox" className="check"/>
		                                        <label htmlFor="check"><span className="icon"></span> Keep me Signed in</label>
		                                    </div>
		                                    <div className="group">
		                                        <input type="submit" className="button" value="Sign In"/>
		                                    </div>
		                                    <div className="hr"></div>
		                                    <div className="foot-lnk">
		                                        <a href="#forgot">Forgot Password?</a>
		                                    </div>
		                                </form>
		                                <form className="sign-up-htm" id="user_signup">
		                                    <div className="group">
		                                        <label htmlFor="user" className="label">Username</label>
		                                        <input id="user" type="text" className="input"/>
		                                    </div>
		                                    <div className="group">
		                                        <label htmlFor="pass" className="label">Password</label>
		                                        <input id="pass" type="password" className="input" data-type="password"/>
		                                    </div>
		                                    <div className="group">
		                                        <label htmlFor="pass" className="label">Repeat Password</label>
		                                        <input id="pass" type="password" className="input" data-type="password"/>
		                                    </div>
		                                    <div className="group">
		                                        <label htmlFor="pass" className="label">Email Address</label>
		                                        <input id="pass" type="text" className="input"/>
		                                    </div>
		                                    <div className="group">
		                                        <input type="submit" className="button" value="Sign Up"/>
		                                    </div>
		                                    <div className="hr"></div>
		                                    <div className="foot-lnk">
		                                        <label htmlFor="tab-1">Already Member?</label>
		                                    </div>
		                                </form>
		                            </div>
		                        </div>
		                    </div>
		                </div>
		                <canvas id="demo-canvas"></canvas>
		            </div>
		        </div>
		    </div>
	)
}

export default Cover